<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>循环语句</title>
    <script>
        /* 循环语句 */
        /* 
        向页面输出连续的数字
        */
        // document.write(1 + "<br/>");
        // document.write(2 + "<br/>");
        /* 
        循环语句
            额可以反复的执行一段代码多次

            while循环
                语法：
                while(条件表达式){
                    语句...
                }
                
                while语句在进行循环时，先对条件表达式进行求值判断，如果值为true，则执行循环体，
                循环体执行完毕后，继续对条件表达式进行判断
                如果值为true，则继续执行循环体，依次类推
                如果值为false，则退出循环
            do..while..循环
                语法：
                do{
                    循环体...
                }while(条件表达式)
                do...while..语句在执行时，会先执行循环体
                循环体执行完毕后，在对条件表达式进行判断
                如果结果为true，则继续执行循环体，依次类推
                如果结果为false，则退出循环

            两个循环类似，前者先判断后执行，后者先执行后判断
            do....while..能保证循环体至少执行一次，while不能

        */
        var a = 0,
            n = 0;
        while (a < 10) {
            a++;
            if (a == 7) {
                break;
            } else {
                document.write(a + "<br/>")
            }
        }


        //这种将条件表达式写死为true的循环，叫做死循环
        //即循环不会停止，除非浏览器关闭，死循环在开发中慎用
        //可以使用break，来终止循环
        // while (true) {
        //     alert(n++);
        // }

        //创建循环的三个步骤
        /* 
        1.初始化一个变量
        2.在循环中设置一个条件表达式
        3.定义一个更新表达式，每次更新初始化变量
        */

        /* do..while..循环 */
        var i = 0;
        do {
            document.write(i++ + "<br/>")
        } while (i < 10);
    </script>
</head>

<body>

</body>

</html>